<template>
  <div>
    <a-tabs default-active-key="26" @change="callback">
      <a-tab-pane key="26" tab="等待处理">
        <CcreationBath :tagKey="tagKey" v-if="'26'" port='client' />
      </a-tab-pane>
      <a-tab-pane key="56" tab="完成处理">
        <CcreationBath :tagKey="tagKey" v-if="'56'"  port='client'/>
      </a-tab-pane>
      <a-tab-pane key="146" tab="自动销毁">
        <CcreationBath :tagKey="tagKey" v-if="'146'"  port='client'/>
      </a-tab-pane>
      <a-tab-pane key="10181" tab="销毁订单"> <ReturnOrder :tabKey='tagKey'  v-if="tagKey==='10181'"/> </a-tab-pane>
      <a-tab-pane key="10186" tab="退回订单"> <ReturnOrder :tabKey='tagKey'  v-if="tagKey==='10186'"/> </a-tab-pane>
    </a-tabs>
  </div>
</template>
        
<script>
import ReturnOrder from "@/components/system/NoReturnForecast/ReturnOrder.vue";
//创建批次
import CcreationBath from "@/components/clientSide/NoReturnForecast/CcreationBath.vue";
export default {
  components: {
    CcreationBath,
    ReturnOrder
  },
  data() {
    return {
      spinning: false,
      expand: false,
      tagKey: "26",
    };
  },
  methods: {
    filterOption(input, option) {
      return (
        option.componentOptions.children[0].text
          .toLowerCase()
          .indexOf(input.toLowerCase()) >= 0
      );
    },
    callback(key) {
      this.tagKey = key;
    },
  },
};
</script>

<style lang="less" scoped>
</style>